var android_xml_head="<xml >"
$(function()
{
    // 选中的ui对象
    var editor_choosed_object
    // 编辑器作用域内，所有动态添加的对象的数组
    var editor_objects=[]
    // alert("TESTSTSt")
    // 清除编辑器内所有对象
    function clear_all_objects()
    {
        editor_objects.splice(0,editor_objects.length)
        console.warn("编辑器对象数组清空！");
    }
    // 添加
    $("#add").click(function()
    {
        var chooser=document.getElementById("chooser")
        console.log(chooser)
        var idx=$("#chooser")[0].selectedIndex
        console.log(idx)
        var ui=chooser.options[idx].text
        console.log(ui)
        if(ui=="按钮")
        {
            // 内置编辑器命名前缀：editor 
            var btn=$("<button class='editor_btn' style='width:100px;height:50px'>按钮</button>")
            console.log("添加按钮")
            $("#design_editor").append(btn)
            editor_objects.push(btn)
            $(".editor_btn").click(function()
            {
                console.log("点击了")
                // 同步选中ui对象信息到编辑器
                editor_choosed_object=$(this)
                // 颜色
                $(this).css("background","yellow")
                // 显示信息 
               
                var width=$(this).css("width")
                var height=$(this).css("height")
                var text=$(this).text()
                console.log(width)
                // 宽度 高度 文字
                $("#prop .editbox:eq(0)").val(width)
                $("#prop .editbox:eq(1)").val(height)
                $("#prop .editbox:eq(2)").val(text)
            })
        }
        if(ui=="下拉框")
        {
            var down_pull_box=$("<select class='editor_downbox'><option>下拉1</option></select>")
            $("#design_editor").append(down_pull_box)
            editor_objects.push(down_pull_box)
             // 同步选中ui对象信息到编辑器
             $(".editor_downbox").click(function()
             {
                editor_choosed_object=$(this)
                $(this).css("background","yellow")
             })
        }
    })
    //应用修改
    $("#apply").click(function()
    {
        // 宽度 高度 文字
       var width= $("#prop .editbox:eq(0)").val()
       var height= $("#prop .editbox:eq(1)").val()
       var text= $("#prop .editbox:eq(2)").val()
        editor_choosed_object.css({"width":width,"height":height,})
        editor_choosed_object.text(text)
    })
    //编辑器ui信息和编辑器数组同步
    function sync()
    {
       // editor_objects.push(down_pull_box)
    }
    // 清空编辑器
    $("#btn_clear").click(function()
    {
        $("#design_editor").empty()
        clear_all_objects()
    })
})